<!doctype html>
<html>
	<head>
		<title>webp格式的图片轮播图</title>
		<meta charset="utf-8">
		<!-- BEGIN Insert --> 
<META HTTP-EQUIV="Expires" CONTENT="Mon, 04 Dec 1999 21:29:02 GMT">
<!-- END Insert --> 
		<style>
			body *{
				list-style: none;
				text-decoration: none;
				margin:0;
				padding:0;
			}
			#count{
				width:300px;
				height:225px;
				position: relative;
				border:1px solid red;
				overflow: hidden;
			}
			#ul1{
				min-width: 1000%;
				position: absolute;
				top:0;
				left: 0;
			}
			#ul1 li{
				float:left;
				width:300px;
			}
			#ul1 li img{
				width:100%;
			}

		</style>

		<script src="swfobject.js"></script>
		<script>
		window.onload=function(){
			 swfobject.embedSWF("./film/wmlogo.swf", "mymovie", "300", "120", "9.0.0");
		}
	// 	window.onload=function()
	// 	{var ul1=document.getElementById('ul1');
	// 	var count=document.getElementById('count');
	// 	var aLi=ul1.getElementsByTagName('li');
	// 	var timer=null;
	// 	var speed=-2;
	// 		function go(){
			
	// 		if(ul1.offsetLeft<=Math.floor(aLi.length*aLi.offsetWidth/2))
	// 		{	
	// 			ul1.style.left=0;
	// 		}
			
	// 		ul1.style.left=ul1.offsetLeft+speed+'px';
	// 		// alert(ul1.style.left);
	// 	}
		
	// 	timer=setInterval(go,30);
	// 	count.onmouseover=function()
	// 	{clearInterval(timer);
	// 	}
	// 	count.onmouseout=function(){
			
	// 		timer=setInterval(go,30);
	// 	}
	// }
	</script>
	</head>
	<body>
	<div id="mymovie"></div>
		<div id="count">
			<ul id="ul1">
			<li><embed src="./film/wmlogo.swf" autostart="true" width="300" height="255"/></li>
			<li><embed src="./film/wmlogo.swf" autostart=true width="300" height="225"/></li>
			<li><embed src="./film/wmlogo.swf" autostart=true width="300" height="225"/></li>
			<li><embed src="./film/wmlogo.swf" autostart=true width="300" height="225"/></li>
			<li><embed src="./film/wmlogo.swf" autostart=true width="300" height="225"/></li>
				<!-- <li><img src="./film/1.gif"/></li>
				<li><img src="./film/1.gif"/></li>
				<li><img src="./film/1.gif"/></li>
				<li><img src="./film/1.gif"/></li>
				<li><img src="./film/1.gif"/></li>
				<li><img src="./film/1.gif"/></li>
				<li><img src="./film/1.gif"/></li>
				<li><img src="./film/1.gif"/></li>
				<li><img src="./film/1.gif"/></li>
				<li><img src="./film/1.gif"/></li> -->
			</ul>
		</div>
	</body>
</html>